<div class="components_Form_PhoneItems_Items">
<div class="formItems">
	<div v-for="(item,index) in formitems" key="id" class="formItemsBox" :style="item.style || ''">
		<div v-if="item.type == 'title'" class="formTitle">{{item.label}}</div>
		<div class="formDivAll" v-else-if="item.type == 'editor' || item.type == 'textarea' || item.type == 'image' || item.type == 'table' || item.type == 'mappoint' || item.type == 'customer'">
			<div class="formLabel">
				<span v-if="item.type == 'title'" :style="computStyle('font-weight: bold;')">{{item.label}}</span>
				<span v-else>{{item.label}}</span>
				<span v-if="item.rule && item.rule.NotNull" :style="computStyle('color:#ff0000;')">*</span>
				<span v-if="item.errorMsg" class="formErr">{{item.errorMsg}}</span>
			</div>
			<div class="formInput">
				<inputeditor v-if="item.type == 'editor'" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :value="valueShow[0][item.id]" :placeholder="item.attr && item.attr.placeholder" :attr="item.attr" @change="change"></inputeditor>
				<inputtable v-else-if="item.type == 'table'" :index="index" :name="item.id" :hide-head="item.attr.hideHead" :disabled="_readOnly||item.readOnly" :models="item.attr.models" :value="valueShow[0][item.id]" @change="change"></inputtable>
				<inputform :ref="item.id" v-else-if="item.type == 'form'" :title="item.attr.title" :index="index" :name="item.id" :hide-head="item.attr.hideHead" :disabled="_readOnly||item.readOnly" :models="item.attr.models" :value="valueShow[0][item.id]" @change="change"></inputform>
				<webmappoint v-else-if="item.type == 'mappoint' && platform == 'Web'" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :attr="item.attr" :value="valueShow[0][item.id]" @change="change"></webmappoint>
				<mappoint v-else-if="item.type == 'mappoint' && platform != 'Web'" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :attr="item.attr" :value="valueShow[0][item.id]" @change="change"></mappoint>
				<webmappolygon v-else-if="item.type == 'mappolygon' && platform == 'Web'" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :attr="item.attr" :value="valueShow[0][item.id]" @change="change"></webmappolygon>
				<mappolygon v-else-if="item.type == 'mappolygon' && platform != 'Web'" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :attr="item.attr" :value="valueShow[0][item.id]" @change="change"></mappolygon>
				<webcustomer v-else-if="item.type == 'customer' && platform == 'Web'" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :attr="item.attr" :value="valueShow[0][item.id]" :item="valueShow[0]" @change="change"></webcustomer>
				<wxcustomer v-else-if="item.type == 'customer' && platform != 'Web'" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :attr="item.attr" :value="valueShow[0][item.id]" :item="valueShow[0]" @change="change"></wxcustomer>
				<mixinput v-else :ref="item.id" :name="item.id" :type="item.type" :attr="item.attr" :read-only="_readOnly||item.readOnly" :value="valueShow[0][item.id]" @change="change" :index="index"></mixinput>
			</div>
		</div>
		<div v-else class="formDiv">
			<div class="formLabel">
				<span v-if="item.type == 'title'" :style="computStyle('font-weight: bold;')">{{item.label}}</span>
				<span v-else>{{item.label}}</span>
				<span v-if="item.rule && item.rule.NotNull" :style="computStyle('color:#ff0000;')">*</span>
			</div>
			<div class="formInput">
				<span v-if="item.errorMsg" class="formErr">{{item.errorMsg}}</span>
				<div v-if="item.type == 'anyselect'">
					<anyselect :show-value="item.attr.showValue" :skey="item.attr.skey" :sitem="item.attr.sitem" :index="index" :name="item.id" :disabled="_readOnly||item.readOnly" :url="item.attr.url" :meth="item.attr.meth" :title="item.attr.title" :data="item.attr.data" :placeholder="item.attr.placeholder" :search-key="item.attr.searchKey" :search-regex="item.attr.searchRegex" :can-clear="item.attr.canClear" :vkey="item.attr.vkey" :value="valueShow[0][item.id]" @change="change"></anyselect>
				</div>
				<mixinput v-else :ref="item.id" :name="item.id" :type="item.type" :attr="item.attr" :read-only="_readOnly||item.readOnly" :value="valueShow[0][item.id]" @change="change" :index="index"></mixinput>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<div v-if="tips_.length" class="tips">
		<div v-for="(item,index) in tips_" class="tip" key="index" :style="item.style">{{item.name}}</div>
	</div>
</div>
</div>